<template>
    
    <div>
        <el-table
            :data="tableData"
            style="width: 100% ;"
            :default-sort="{ prop: 'time', order: 'descending' }"
        >
            <el-table-column label="学号" width="150">
            <template v-slot="scope">
                <span @click="change(scope)">{{ scope.row.Student_Id }}</span>
            </template>
            </el-table-column>
            <!-- <el-table-column prop="Student_Name" label="学号" width="100"> </el-table-column> -->
            <el-table-column prop="Grade" label="年级" width="60"> </el-table-column>
            <el-table-column prop="Student_Name" label="姓名" width="80"> </el-table-column>
            <el-table-column prop="Department_Name" label="所属系部" width="100"> </el-table-column>
            <el-table-column prop="Major_Name" label="所属专业" width="150"> </el-table-column>
            <el-table-column prop="Student_Sex" label="性别" width="60"> </el-table-column>
            <el-table-column prop="Classe" label="班级" width="60"> </el-table-column>
            <el-table-column prop="Student_Tel" label="手机号码" width="180"> </el-table-column>
            <el-table-column prop="created_at" label="入校日期" width="180" sortable> </el-table-column>
            <el-table-column label="删除" v-if="isTeacher != 'teacher'">
            <template v-slot="scope">
                <el-button
                type="danger"
                :icon="Delete"
                circle
                @click="remove(scope.row.id, scope.$index)"
                ></el-button>
            </template>
            </el-table-column>
        </el-table>
    </div>


</template>


<script setup>

import { ref } from "vue";

let tableData = ref([]);





</script>


<style scoped>



</style>